/*引入混合函数*/
/*声明混合函数*/
/*设置元素的宽度等于当前页面的宽度*/
/*设置文字垂直居中 */
/*设置图片为块级元素，并且宽度为100%*/
/*给图片占位置用的函数*/
/*引入全局变量*/
/*用于放全局变量*/
#login {
  width: 100%;
}
#login .login-top {
  display: flex;
  font-size: 0.16rem;
}
#login .login-top .top-nav1 {
  width: 33.333%;
}
#login .login-top .top-nav1 i {
  display: block;
  margin: 0.1rem 0rem 0rem 0.15rem;
  height: 0.175rem;
  width: 0.175rem;
  background: url(../images/icon/sprites.png) no-repeat -0.22rem -0.15rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#login .login-top p {
  padding: 0.1rem 0rem;
  display: block;
  width: 33.333%;
  text-align: center;
  color: #000000;
}
#login .login-top .top-nav3 {
  padding: 0.1rem 0rem;
  width: 33.333%;
  text-align: right;
  padding-right: 0.15rem;
}
#login .login-details {
  max-width: 750px;
  margin: 0 auto;
  width: 100%;
  font-size: 0.16rem;
}
#login .login-details input {
  outline: none;
}
#login .login-details input::placeholder {
  color: #cccccc;
}
#login .login-details .login-name {
  width: 87.7333%;
  margin: 0.15rem auto;
  border-bottom: 1px solid #cccccc;
  padding: 0.15rem 0rem 0.115rem 0rem;
  display: flex;
}
#login .login-details .login-name label {
  width: 20%;
  display: block;
  color: #676767;
  position: relative;
}
#login .login-details .login-name span {
  width: 20%;
  display: block;
  color: #676767;
  position: relative;
}
#login .login-details .login-name span a {
  position: absolute;
  top: 0.035rem;
  right: 0.05rem;
  display: block;
  width: 0.13rem;
  height: 0.13rem;
  background: url(../images/icon/sprites.png) no-repeat -1.14rem -0.18rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#login .login-details .login-name input {
  width: 60%;
  border: none;
  font-size: 0.16rem;
}
#login .login-details .login-password {
  width: 87.7333%;
  margin: 0.15rem auto;
  border-bottom: 1px solid #cccccc;
  padding: 0.15rem 0rem 0.115rem 0rem;
  display: flex;
}
#login .login-details .login-password label {
  width: 20%;
  display: block;
  color: #676767;
  position: relative;
}
#login .login-details .login-password span {
  width: 20%;
  display: block;
  color: #676767;
  position: relative;
}
#login .login-details .login-password span a {
  position: absolute;
  top: 0.035rem;
  right: 0.05rem;
  display: block;
  width: 0.18rem;
  height: 0.13rem;
  background: url(../images/icon/sprites.png) no-repeat -1.4rem -0.18rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#login .login-details .login-password input {
  width: 60%;
  border: none;
  font-size: 0.16rem;
}
#login .login-details .login-bar {
  width: 87.7333%;
  margin: 0.315rem auto;
}
#login .login-details .login-bar .btn {
  width: 100%;
  text-align: center;
  font-size: 0.16rem;
  padding: 0.08rem 0rem;
  border: none;
  color: #fbffff;
  background-color: #f7c612;
}
#login .login-details .login-issue {
  width: 87.7333%;
  margin: 0.315rem auto;
  display: flex;
  justify-content: space-between;
}
#login .login-details .login-issue a {
  font-size: 0.14rem;
  color: #999999;
}
#login .login-details .login-log {
  width: 87.7333%;
  margin: 0.315rem auto;
  display: flex;
  padding: 1.865rem 0.18rem;
  justify-content: space-between;
}
#login .login-details .login-log a {
  display: block;
  width: 0.49rem;
  height: 0.49rem;
  border-radius: 50%;
}
#login .login-details .login-log a.login-log-wx {
  background-color: #5bbe61;
}
#login .login-details .login-log a.login-log-wx i {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  margin: 0.1rem ;
  background: url(../images/icon/sprites.png) no-repeat -1.735rem -0.125rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#login .login-details .login-log a.login-log-qq {
  background-color: #56b1e8;
}
#login .login-details .login-log a.login-log-qq i {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  margin: 0.1rem ;
  background: url(../images/icon/sprites.png) no-repeat -2.05rem -0.125rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#login .login-details .login-log a.login-log-zfb {
  background-color: #666666;
}
#login .login-details .login-log a.login-log-zfb i {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  margin: 0.1rem ;
  background: url(../images/icon/sprites.png) no-repeat -2.44rem -0.125rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#login .login-details .login-log a.login-log-wb {
  background-color: #dd6e67;
}
#login .login-details .login-log a.login-log-wb i {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  margin: 0.1rem ;
  background: url(../images/icon/sprites.png) no-repeat -2.78rem -0.125rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
#login .login-details .login-log a.login-log-bd {
  background-color: #5f76d4;
}
#login .login-details .login-log a.login-log-bd i {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  margin: 0.1rem ;
  background: url(../images/icon/sprites.png) no-repeat -3.15rem -0.125rem;
  box-sizing: border-box;
  background-size: 3.75rem 4.75rem;
}
